{% extends "news/base.html" %}
{% block title %}  登录页面   {% endblock %}
{% block css %}
{% load static %}
 <link rel="stylesheet" type="text/css" href="{% static 'news/css/bootstrap.min.css' %}">

{% endblock %}
{% block content %}
<div style="width:1152px; height:52px; top: 25px; left: 200px; border: 1px solid rgba(96,96,96,0.5); position: relative">
    <div style="display:inline; width:5px; height:50px; background:black; border: 1px solid black; position: absolute"></div>
    <div style="display:inline; top: 23px; left: 17px; background:black; border: 3px solid black; position: absolute"></div>
    <div style="display:inline; top: 15px; left: 28px; position: absolute">欢迎您-登录</div>
    <div style="display:inline; position: absolute; top: 15px; left: 1000px;">没有账号？<a href="{% url 'news:user_register' %}">立即注册</a></div>
</div>
<div class="form1">
    <form action="{% url 'news:user_login' %}" class="form-horizontal" method="post">
        {% csrf_token %}
        <div class="form-group form-group-lg">
            <div class="ipt" style="margin-top: 200px; margin-left: 530px; width: 420px;">
                <input type="text" class="form-control" name="phone" id="phone" placeholder="请输入手机号">
            </div>
        </div>
        <div class="form-group form-group-lg">
            <div class="ipt" style=" margin-left: 530px; width: 420px;">
                <input type="password" class="form-control" name="password" id="pwd" placeholder="请输入密码">
            </div>
        </div>
         <div class="form-group form-group-lg">
             <input type="checkbox" id="rember" style="margin-left: 535px; background: #1992EF;" value="rember" name="rember">
             <label for="rember" style="font-family: PingFangSC-Regular; font-size: 12px;color: #888888;letter-spacing: 1px;">记住密码</label>
             <a href="{% url 'news:get_password_1' %}" style="margin-left: 260px;">忘记密码?</a>
        </div>
        <br>
        <div class="ipt" style="margin-left: 514px; width: 420px;">
            <input type="submit" class="btn btn-primary btn-lg btn-block " value="登录">
        </div>
    </form>
    {% if error_message %}
    <p>{{ error_message }}</p>
    {% endif %}
    <p>
        {{ form.errors }}
    </p>
</div>
{% endblock %}